<template >
    <div>
        <div class="content" style="margin-top: 50px;">
            <div >
                <div>
                    <i class="el-icon-chat-dot-square" style="font-size:48px; color: #40C9C6; line-height: 108px; padding-left: 30px;"></i>
                    <div style="display: inline; float: right; font-weight: 700; margin: 26px 26px 26px 0px;width: 70px;">
                        <span style="line-height: 30px; color: rgba(0,0,0,.45); font-size: 16px; margin-bottom: 12px;">未发货单</span>
                        <span style="font-size: 20px; line-height: 30px; ">{{number}}</span>
                    </div>
            </div>
        </div>

       </div>
      
    </div>
</template>
<script>
export default {
    data(){
        return{
          number: '',
        }
      },
    
    //   created() {
    //     this.getnumber()
    //   },

    //   methods: {
    //           getnumber(){
    //             this.$request({
    //             url: '/home/getHome',
    //             method: 'get'
    //         }).then(res => {
    //             this.number = res.data.unSend
    //         })
    //      }
    //   },
}
</script>
<style >
     .content{
        height: 108px;
        cursor: pointer;
        font-size: 12px;
        position: relative;
        overflow: hidden;
        color: #666;
        background: #fff;
        -webkit-box-shadow: 4px 4px 40px rgba(0,0,0,.05);
        box-shadow: 4px 4px 40px rgba(0,0,0,.05);
        border-color: rgba(0,0,0,.05);
        margin-left: 50px;
    }

</style>